<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="content-language" content="zh-CN" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="Keywords" content="网站设计" />
    <meta name="Description" content="网站设计" />
    <meta name="author" content="" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <title>网站设计</title>
    <link rel="icon" href="favicon.ico">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/swiper.css"> 
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/scroll_height_animate.min.css">
</head>

<body>
    <div class="menu loaded">
        <button class="menu-button">
            <p>菜单</p>
            <span></span>
        </button>
    </div>
    <ul class="quick-nav">
        <li><a href="#header" class="active"><span>我们是谁</span></a></li>
        <li><a href="#our-service"><span>我们的业务</span></a></li>
        <li><a href="#portfolio"><span>案例展示</span></a></li>
        <li><a href="#references"><span>穿石科技</span></a></li>
        <li><a href="#creation"><span>联系我们</span></a></li>
        <li><a href="#blog"><span>新闻资讯</span></a></li>
    </ul>
    <div class="contact-widget">
        <button class="contact-widget__button">
            <img src="./images/contact.png" alt="">
        </button>
        <div id="contact-widget__body">
            <div class="contact-widget__body__details">
                <a class="contact-widget__body__details__detail">
                    <svg width="27" height="27" viewBox="0 0 27 27">
                        <g>
                            <g>
                                <path fill="#6695cc" class="contact-widget__body__details__detail-iconbg"
                                    d="M0 13.5C0 6.044 6.044 0 13.5 0S27 6.044 27 13.5 20.956 27 13.5 27 0 20.956 0 13.5z">
                                </path>
                            </g>
                            <g>
                                <g>
                                    <path fill="#fff"
                                        d="M7.93 11.668c.165.116.66.46 1.489 1.035.828.573 1.462 1.015 1.903 1.325l.308.222c.158.113.288.205.392.276.104.07.23.148.378.236.148.087.287.152.418.195.13.044.252.066.363.066h.015c.11 0 .232-.022.363-.066.13-.043.27-.108.417-.195.148-.088.274-.166.378-.236.104-.07.235-.163.392-.276l.309-.222c.445-.31 1.578-1.097 3.399-2.36a3.45 3.45 0 0 0 .886-.894c.237-.348.356-.714.356-1.096 0-.32-.115-.594-.345-.821a1.123 1.123 0 0 0-.817-.341H7.843c-.373 0-.66.125-.86.377-.202.252-.302.567-.302.944 0 .305.133.636.4.992.265.356.549.635.849.839z">
                                    </path>
                                </g>
                                <g>
                                    <path fill="#fff"
                                        d="M18.97 12.445a150.961 150.961 0 0 0-3.617 2.505c-.276.204-.5.362-.672.476-.172.114-.4.23-.687.349a2.09 2.09 0 0 1-.798.178h-.015a2.09 2.09 0 0 1-.799-.178 4.15 4.15 0 0 1-.686-.349 17.193 17.193 0 0 1-.672-.476c-.654-.479-1.857-1.314-3.61-2.505a3.847 3.847 0 0 1-.733-.632v5.766c0 .32.113.594.341.821.228.228.501.342.82.342h10.692c.32 0 .593-.114.82-.342.228-.227.342-.5.342-.82v-5.767c-.209.232-.45.443-.727.632z">
                                    </path>
                                </g>
                            </g>
                        </g>
                    </svg>
                    <span>2881344520@qq.com</span>
                </a>
                <a class="contact-widget__body__details__detail">
                    <svg width="27" height="27" viewBox="0 0 27 27">
                        <g>
                            <g>
                                <path fill="#66cc6a" class="contact-widget__body__details__detail-iconbg"
                                    d="M0 13.5C0 6.044 6.044 0 13.5 0S27 6.044 27 13.5 20.956 27 13.5 27 0 20.956 0 13.5z">
                                </path>
                            </g>
                            <g>
                                <g>
                                    <g>
                                        <path fill="#fff"
                                            d="M19.59 16.963a.56.56 0 0 1-.171.49l-1.632 1.62a.918.918 0 0 1-.288.208 1.19 1.19 0 0 1-.35.11l-.073.006a1.67 1.67 0 0 1-.16.007c-.155 0-.406-.027-.754-.08-.347-.053-.772-.184-1.275-.393-.503-.208-1.074-.521-1.711-.938-.638-.417-1.317-.99-2.036-1.717a13.441 13.441 0 0 1-1.423-1.62 11.536 11.536 0 0 1-.908-1.428 7.696 7.696 0 0 1-.515-1.19 6.311 6.311 0 0 1-.233-.92 3.038 3.038 0 0 1-.05-.607c.009-.147.013-.229.013-.245.016-.115.053-.231.11-.35a.92.92 0 0 1 .209-.288l1.631-1.631a.54.54 0 0 1 .393-.172c.106 0 .2.03.282.092a.853.853 0 0 1 .208.227l1.313 2.49c.073.13.094.274.061.429a.765.765 0 0 1-.208.393l-.601.6a.205.205 0 0 0-.043.08.303.303 0 0 0-.019.092c.033.172.107.368.221.589.098.196.25.435.454.718.204.282.495.607.87.975.369.376.696.668.982.877.286.208.525.361.718.46.192.098.339.157.441.177l.153.031a.292.292 0 0 0 .08-.018.205.205 0 0 0 .08-.043l.699-.712a.751.751 0 0 1 .515-.196.64.64 0 0 1 .331.074h.013l2.367 1.398c.172.106.274.241.306.405z">
                                        </path>
                                    </g>
                                </g>
                            </g>
                        </g>
                    </svg>
                    <span>+133-3661-9741</span>
                </a>
            </div>
            <button class="btn">
                <svg width="18" height="18" version="1.1"viewBox="0 0 18 18">
                    <path d="M1.46777,0.94409c1.01514,0.58618 15.36768,15.36743 15.36768,15.36743" fill-opacity="0"
                        fill="#ffffff" stroke-dashoffset="0" stroke-linejoin="miter" stroke-linecap="round"
                        stroke-opacity="1" stroke="#ffffff" stroke-miterlimit="50" stroke-width="2"></path>
                    <path d="M16.83545,0.94409c-1.01562,0.58618 -15.36768,15.36743 -15.36768,15.36743" fill-opacity="0"
                        fill="#ffffff" stroke-dashoffset="0" stroke-linejoin="miter" stroke-linecap="round"
                        stroke-opacity="1" stroke="#ffffff" stroke-miterlimit="50" stroke-width="2"></path>
                </svg>
            </button>
        </div>
    </div>
    <!-- 菜单 -->
    <section class="newMenu" id="newMenu">
        <div class="menu__corner">
            <img src="./images/caidan/6.png" alt="">
        </div>

        <div class="menu__wrapper">
            <div class="menu__cols">
                <a href="./index.html" class="menu__col"
                    style="background-image: url('./images/caidan/img2.png');background-size:100% 100%">
                    <h2 class="col__heading">
                        首页
                    </h2>
                    <div class="case-image">
                    </div>
                </a>
                <a href="./show.html" class="menu__col" style="background-image: url('./images/caidan/img3.png');">
                    <h2 class="col__heading">
                        案例
                    </h2>
                    <div class="case-image">
                    </div>
                </a>
                <a href="./componey.html" class="menu__col" style="background-image: url('./images/caidan/img1.png');">
                    <h2 class="col__heading">
                        关于我们
                    </h2>
                    <div class="case-image">
                    </div>
                </a>
                <a href="./contact.html" class="menu__col" style="background-image: url('./images/caidan/img5.png');">
                    <h2 class="col__heading">
                        联系我们
                    </h2>
                    <div class="case-image">
                    </div>
                </a>
                <a href="./news.html" class="menu__col" style="background-image: url('./images/caidan/img4.png');">
                    <h2 class="col__heading">
                        新闻资讯
                    </h2>
                    <div class="case-image">
                    </div>
                </a>
            </div>
        </div>

    </section>

    <div class="wrapper">
        <section id="header">
            <div class="unskew">
                <div id="banner">
                    <img src="./images/img1.png" alt="">
                </div>
                <div id="bg-poster"></div>
                <div class="first-screen">
                    <div class="logo loaded">
                        <img src="./images/logo_1.png" style="width:227px" alt="">
                        <div class="slidetel">
                            <p class="phone">网站开发</p>
                        </div>
                        <div class="down">
                            <a href="#our-service"><img src="./images/img2.png" alt=""></a>
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="beauty-innovate loaded aniview" av-animation="fadeInUp">
                        <h2>独特的<br> 创新
                            <br>
                            网站</h2><br>
                        <p>我们创建有效的在线策略<br> 我们根据最新的<br>
                            技术标准实施项目
                        </p>
                        <p>
                            不可能成为可能</p>
                    </div>
                    <div class="line loaded aniview" av-animation="fadeInUp"></div>
                    <div class="react-box">
                        <div class="html_pc">
                            <div class="pc_nav">
                                <span class="active"></span>
                                <span></span>
                                <span></span>
                            </div>
                            <img class="pc_img" src="./images/pc_img.png" alt="">
                            <div class="pc_lb_box">
                                <div class="swiper-container swiper-container1 swiper-no-swiping">
                                    <div class="swiper-wrapper">
                                        <a href="http://jimansheji.s8.csome.cn/" class="swiper-slide">
                                            <img src="./images/1101764555de8cd14393d4.png" alt="">
                                        </a>
                                        <a href="http://www.renchuan.art/" class="swiper-slide">
                                            <img src="./images/9778320175dc8ca6801e3f.png" alt="">
                                        </a>
                                        <a href="http://www.lxseemine.com/index.php" class="swiper-slide">
                                            <img src="./images/1115506195dc8c99599011.png" alt="">
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="html_pb">
                            <img class="pb_img" src="./images/pb_img.png" alt="">
                            <div class="pb_lb_box">
                                <div class="swiper-container swiper-container2 swiper-no-swiping">
                                    <div class="swiper-wrapper">
                                        <a href="http://jimansheji.s8.csome.cn/" class="swiper-slide">
                                            <img src="./images/4235244125de8cd1529239.png" alt="">
                                        </a>
                                        <a href="http://www.renchuan.art/" class="swiper-slide">
                                            <img src="./images/18929885925dc8ca69bd0ea.png" alt="">
                                        </a>
                                        <a href="http://www.lxseemine.com/index.php" class="swiper-slide">
                                            <img src="./images/2990680735dc8c99605349.png" alt="">
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="html_sj">
                            <img class="sj_img" src="./images/sj_img.png" alt="">
                            <div class="sj_lb_box">
                                <div class="swiper-container swiper-container3">
                                    <div class="swiper-wrapper">
                                        <a href="http://jimansheji.s8.csome.cn/" class="swiper-slide">
                                            <img src="./images/5841769385de8cd152bd32.png" alt="">
                                        </a>
                                        <a href="http://www.renchuan.art/" class="swiper-slide">
                                            <img src="./images/17202053705dc8ca69be24f.png" alt="">
                                        </a>
                                        <a href="http://www.lxseemine.com/index.php" class="swiper-slide">
                                            <img src="./images/1802239205dc8c996064f0.png" alt="">
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="who-we-are aniview" av-animation="fadeInUp">
                        <h3>网站类型</h3>
                        <h2>响应式网站</h2>
                        <p>穿石营销理念：结合公司新零售业务，取消业务环节，降低开发业务制作成本，实现客户利润最大化。</p>
                    </div>
                </div>
                <a class="scroll-down" href="#box-wrapper" style="margin-top: 72px;">
                </a>
            </div>
        </section>

        <section id="our-service">
            <div class="bg-text-1">
                we
            </div>
            <div class="bg-text-2">do</div>
            <div class="container">
                <h2 class="wow aniview" av-animation="fadeInRight" style="visibility: visible; animation-name: sb;">
                    我们的<br>报价
                </h2>
                <h3 class="wow aniview" av-animation="fadeInLeft" style="visibility: visible; animation-name: rb;">
                    我们的<br>业务</h3>
                <div class="boxes clearfix aniview" av-animation="fadeInUp" id="box-wrapper">
                    <div class="box-holder clearfix">
                        <div class="box">
                            <a href="./web.html">
                                <div class="front">
                                    <h4>网站建设</h4>
                                    <p>穿石科技的WEB体系研究，具备成熟的网站整体解决方案，360度网络 品牌策略， 分析互联网现状，定位互联网规划目标，为不同客户创 造适合自己的互联网形象。</p>
                                </div>
                                <div class="back">
                                    <p class="bg-text">Website</p>
                                    <p class="text">查看详情</p>
                                    <p class="more">更多</p>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="box-holder">
                        <div class="box">
                            <a href="./applets.html">
                                <div class="front">
                                    <h4>小程序</h4>
                                    <p>全新战略合作服务模式，助力品牌商家驰骋电商平台。</p>
                                </div>
                                <div class="back">
                                    <p class="bg-text">Website</p>

                                    <p class="text">查看详情</p>
                                    <p class="more">更多</p>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="box-holder">
                        <div class="box">
                            <a href="./keyword.html">
                                <div class="front">
                                    <h4>关键词优化</h4>
                                    <p>全新战略合作服务模式，助力品牌商家驰骋电商平台。</p>
                                </div>
                                <div class="back">
                                    <p class="bg-text">Website</p>
                                    <p class="text">查看详情</p>
                                    <p class="more">更多</p>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="box-holder">
                        <div class="box">
                            <a href="./customized.html">
                                <div class="front">
                                    <h4>定制APP</h4>
                                    <p>穿石科技为不同企业个性定制开发移动应用APP服务，商业模式咨询， 用户体验设计，交互设计，移动应用技术研发和推广运营服务。</p>
                                </div>
                                <div class="back">
                                    <p class="bg-text">Website</p>
                                    <p class="text">查看详情</p>
                                    <p class="more">更多</p>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="box-holder">
                        <div class="box">
                            <a href="./erpSystem.html">
                                <div class="front">
                                    <h4>ERP企业管理系统</h4>
                                    <p>自主设置: 可以根据需要进行系统功能的设置，从而使ERP更加符合公司需求。可随时随地登录使用，管理员可设置模块与功能。<br>用户权限设置: 可以设置用户权限，并且与其他ERP不同，ECOUNT不限制用户数。</p>
                                </div>
                                <div class="back">
                                    <p class="bg-text">Website</p>
                                    <p class="text">查看详情</p>
                                    <p class="more">更多</p>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="box-holder">
                        <div class="box">
                            <a href="./cmsSystem.html">
                                <div class="front">
                                    <h4>CMS内容管理系统</h4>
                                    <p>自主设置: 可以根据需要进行系统功能的设置，从而使ERP更加符合公司需求。可随时随地登录使用，管理员可设置模块与功能。<br>用户权限设置: 可以设置用户权限，并且与其他ERP不同，ECOUNT不限制用户数。</p>
                                </div>
                                <div class="back">
                                    <p class="bg-text">Website</p>
                                    <p class="text">查看详情</p>
                                    <p class="more">更多</p>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="box-holder">
                        <div class="box">
                            <a href="./oaSystem.html">
                                <div class="front">
                                    <h4>OA办公系统</h4>
                                     <p>自主设置: 可以根据需要进行系统功能的设置，从而使ERP更加符合公司需求。可随时随地登录使用，管理员可设置模块与功能。<br>用户权限设置: 可以设置用户权限，并且与其他ERP不同，ECOUNT不限制用户数。</p>
                                </div>
                                <div class="back">
                                    <p class="bg-text">Website</p>
                                    <p class="text">查看详情</p>
                                    <p class="more">更多</p>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="box-holder">
                        <div class="box">
                            <a href="./crmSystem.html">
                                <div class="front">
                                    <h4>CRM客户管理系统</h4>
                                     <p>自主设置: 可以根据需要进行系统功能的设置，从而使ERP更加符合公司需求。可随时随地登录使用，管理员可设置模块与功能。<br>用户权限设置: 可以设置用户权限，并且与其他ERP不同，ECOUNT不限制用户数。</p>
                                </div>
                                <div class="back">
                                    <p class="bg-text">Website</p>
                                    <p class="text">查看详情</p>
                                    <p class="more">更多</p>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="box-holder">
                        <div class="box">
                            <a href="./finaceSystem.html">
                                <div class="front">
                                    <h4>金融管理系统</h4>
                                     <p>自主设置: 可以根据需要进行系统功能的设置，从而使ERP更加符合公司需求。可随时随地登录使用，管理员可设置模块与功能。<br>用户权限设置: 可以设置用户权限，并且与其他ERP不同，ECOUNT不限制用户数。</p>
                                </div>
                                <div class="back">
                                    <p class="bg-text">Website</p>
                                    <p class="text">查看详情</p>
                                    <p class="more">更多</p>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <div class="deprac">

            <section id="numbers" class="active">
                <div class="people">
                    <div class="in"></div>
                </div>
                <div class="container">
                    <div class="numbers">
                        <div id="numbers_n0" class="number loaded">
                            <span class="counter1 number" number="88814">88814</span>
                            <p class="title">
                                工作<br>时间
                            </p>
                        </div>
                        <div id="numbers_n1" class="number loaded">
                            <span class="counter2 number" number="7898">7898</span>
                            <p class="title">
                                完成<br>项目
                            </p>
                        </div>
                        <div id="numbers_n2" class="number loaded">
                            <span class="counter3 number" number="7898">7898</span>

                            <p class="title">
                                满意<br>客户
                            </p>
                        </div>
                        <div id="numbers_n3" class="number">
                            <span class="counter4 number" number="7864">
                                7864
                            </span>
                            <p class="title">
                                推荐<br>客户
                            </p>
                        </div>
                    </div>
                    <div class="aniview" av-animation="fadeInRight">
                        <h2 class="wow slideInRight" style="visibility: visible; animation-name: sb;">和客户沟通 <br>
                            对我们来说<br>
                            很重要
                        </h2>
                    </div>
                </div>
                <p class="bg-text-1">
                    Webs
                </p>
            </section>

            <section id="portfolio">
                <div class="container">
                    <div class="text aniview" av-animation="fadeInLeft">
                        <h2 class="wow slideInLeft" style="animation-name: none;" onclick="window.location.href='./show.html'">案例展示<br>
                            <br>
                        </h2>
                        <p class="boxify nomargin">Case </p>

                        <p class="boxify nomargin">demonstration</p>
                    </div>
                    <div class="case-studies">
                        <div class="case-studies__column">
                            <a href="http://www.lxseemine.com/index.php" class="case-study" data-top="68px" data-height="607px">
                                <div class="inner">
                                    <div class="case-text">
                                        <h3>
                                            西梅恩<br>
                                        </h3>
                                        <h6>设计类网页</h6>
                                        <p class="show">查看</p>
                                    </div>
                                    <div class="case-image">
                                    </div>
                                </div>
                                <img class="lazy" src="./images/show/0.jpg" alt="">
                            </a>
                            <a href="http://www.gemcharm.net/" class="case-study" data-top="-29px" data-height="607px">
                                <div class="inner">
                                    <div class="case-text">
                                        <h3>
                                            晋畅<br>
                                        </h3>
                                        <h6>设计类网页</h6>
                                        <p class="show">查看</p>
                                    </div>
                                    <div class="case-image">
                                    </div>
                                </div>
                                <img class="lazy" src="./images/show/1.jpg" alt="">
                            </a>
                            <a href="http://jimansheji.s8.csome.cn/" class="case-study" data-top="-29px" data-height="607px">
                                <div class="inner">
                                    <div class="case-text">
                                        <h3>
                                            吉曼<br>
                                        </h3>
                                        <h6>设计类网页</h6>
                                        <p class="show">查看</p>
                                    </div>
                                    <div class="case-image">
                                    </div>
                                </div>
                                <img class="lazy" src="./images/show/2.jpg" alt="">
                            </a>
                        </div>
                        <div class="case-studies__column">
                            <a href="http://www.renchuan.art/" class="case-study" data-top="-29px" data-height="607px">
                                <div class="inner">
                                    <div class="case-text">
                                        <h3>
                                            仁川<br>
                                        </h3>
                                        <h6>设计类网页</h6>
                                        <p class="show">查看</p>
                                    </div>
                                    <div class="case-image">
                                    </div>
                                </div>
                                <img class="lazy" src="./images/show/3.jpg" alt="">
                            </a>
                            <a href="http://www.zhanpengyeya.com/" class="case-study" data-top="-29px" data-height="607px">
                                <div class="inner">
                                    <div class="case-text">
                                        <h3>
                                            展鹏液压<br>
                                        </h3>
                                        <h6>设计类网页</h6>
                                        <p class="show">查看</p>
                                    </div>
                                    <div class="case-image">
                                    </div>
                                </div>
                                <img class="lazy" src="./images/show/4.jpg" alt="">
                            </a>
                            <a href="http://121.36.254.200/template/12/index.html" class="case-study" data-top="-29px" data-height="607px">
                                <div class="inner">
                                    <div class="case-text">
                                        <h3>
                                            房产中介<br>
                                        </h3>
                                        <h6>设计类网页</h6>
                                        <p class="show">查看</p>
                                    </div>
                                    <div class="case-image">
                                    </div>
                                </div>
                                <img class="lazy" src="./images/show/5.jpg" alt="">
                            </a>
                        </div>
                        <div class="case-studies__column">
                            <a href="http://weasnzansl.gitee.io/housedsn/" class="case-study" data-top="-29px" data-height="607px">
                                <div class="inner">
                                    <div class="case-text">
                                        <h3>
                                            建筑住宅<br>
                                        </h3>
                                        <h6>设计类网页</h6>
                                        <p class="show">查看</p>
                                    </div>
                                    <div class="case-image">
                                    </div>
                                </div>
                                <img class="lazy" src="./images/show/6.jpg" alt="">
                            </a>
                            <a href="http://121.36.254.200/template/4/index.html" class="case-study" data-top="-29px" data-height="607px">
                                <div class="inner">
                                    <div class="case-text">
                                        <h3>
                                            钢铁材料<br>
                                        </h3>
                                        <h6>设计类网页</h6>
                                        <p class="show">查看</p>
                                    </div>
                                    <div class="case-image">
                                    </div>
                                </div>
                                <img class="lazy" src="./images/show/7.jpg" alt="">
                            </a>
                            <a href="http://121.36.254.200/template/2/index.html" class="case-study" data-top="-29px"data-height="607px">
                                <div class="inner">
                                    <div class="case-text">
                                        <h3>
                                            啤酒饮料<br>
                                        </h3>
                                        <h6>设计类网页</h6>
                                        <p class="show">查看</p>
                                    </div>
                                    <div class="case-image">
                                    </div>
                                </div>
                                <img class="lazy" src="./images/show/8.jpg" alt="">
                            </a>
                            <a href="http://www.baosiair.com/" class="case-study" data-top="-29px" data-height="607px">
                                <div class="inner">
                                    <div class="case-text">
                                        <h3>
                                            鲍斯<br>
                                        </h3>
                                        <h6>设计类网页</h6>
                                        <p class="show">查看</p>
                                    </div>
                                    <div class="case-image">
                                    </div>
                                </div>
                                <img class="lazy" src="./images/show/9.jpg" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </section>
            <section id="references">
                <div class="container">
                    <div class="quote">
                        <img src="images/19.png" alt="">
                    </div>
                    <div class="references owl-carousel owl-theme owl-loaded">

                    </div>

                </div>
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <p>可选CDN加速服务，全球数万个节点解决海量数据分发，页面秒开。</p>
                            <img class="logo" src="./images/logo_1.png" style="width:190px" alt="">
                        </div>
                        <div class="swiper-slide">
                            <p>互联网先进技术栈SpringBoot等，组建集群，保证服务高可用。</p>
                            <img class="logo" src="./images/logo_1.png" style="width:190px" alt="">
                        </div>
                        <div class="swiper-slide">
                            <p>前后端彻底分离，WEB前端开发即可制作或修改模板，无需专业的PHP或者JAVA程序员。</p>
                            <img class="logo" src="./images/logo_1.png" style="width:190px" alt="">
                        </div>
                        <div class="swiper-slide">
                            <p>网站模板兼容IE9+、Firefox、Chrome、Safari、Opera、UC、华为等主流浏览器。</p>
                            <img class="logo" src="./images/logo_1.png" style="width:190px" alt="">
                        </div>
                        <div class="swiper-slide">
                            <p>手机网址（URL）和电脑网站保存一致，无需额外进行移动端SEO优化。</p>
                            <img class="logo" src="./images/logo_1.png" style="width:190px" alt="">
                        </div>
                        <div class="swiper-slide">
                            <p>内容编辑框采用UEditor编辑器，支持同word类似方式进行内容排版，支持视频和图片上传。</p>
                            <img class="logo" src="./images/logo_1.png" style="width:190px" alt="">
                        </div>
                        <div class="swiper-slide">
                            <p>前台页面采用缓存机制，有效的提升访问速度，降低服务器资源消耗。</p>
                            <img class="logo" src="./images/logo_1.png" style="width:190px" alt="">
                        </div>
                    </div>
                </div>
                <div class="swiper-pagination"></div>
                <div class="swiper-num">
                    <span class="active"></span>
                    <span class=""></span>
                    <span class=""></span>
                    <span class=""></span>
                    <!-- <span class="total"></span> -->
                </div>
                <!-- <div class="text">
                    <ul>
                        <li class="number active" date-value="Go to slide 1">01</li>
                        <li class="number" value="Go to slide 2">02</li>
                        <li class="number" value="Go to slide 3">03</li>
                        <li class="number" value="Go to slide 4">04</li>
                    </ul>
                </div> -->
            </section>
            <section id="blog" style="">
                <div data-scrollmagic-pin-spacer="" class="scrollmagic-pin-spacer"
                    style="top: auto; left: auto; bottom: auto; right: auto; margin: 0px; display: block; position: relative; box-sizing: content-box; width: 100%; min-height: 159px; height: auto; padding-top: 0px; padding-bottom: 300px;">
                    <h2 class="aniview" av-animation="fadeInUp"
                        style="position: relative; margin: auto; top: 300px; left: 0px; bottom: auto; right: auto; box-sizing: border-box; width: 100%">
                        <a href="./news.html" style="color: black; text-decoration: none;font-size:40px">新闻资讯</a></h2>

                </div>
                <div class="container aniview" av-animation="fadeInUp">
                    <div class="news-items"><a href="./news-detail.html" class="news-box">
                            <h4>
                                在线商店的圣诞节购物</h4>
                            <p class="date">
                                2019-10-18 </p>
                            <img alt="" src="./images/2.png">
                        </a>
                        <a href="./news-detail.html" class="news-box">
                            <h4>
                                什么是响应式网站？</h4>
                            <p class="date">
                                2019-10-18 </p>
                            <img alt="" src="./images/2.png">
                        </a>
                        <a href="./news-detail.html" class="news-box">
                            <h4>
                                什么是响应式网站？ </h4>
                            <p class="date">
                                2019-10-18 </p>
                            <img alt="" src="./images/2.png">
                        </a>
                    </div>
                </div>
            </section>
            <section id="creation">
                <div class="container">
                    <h2 class="boxify">联系<br>我们</h2>
                    <form id="formularz-kontaktowy">
                        <input class="input1 fl" type="text"
                            style="border:0;border-bottom:1px solid #000;width:47%;padding-bottom:27px;padding-top: 60px;margin-right:6%"
                            placeholder="姓名">
                        <input class="input1 fl" type="text"
                            style="border:0;border-bottom:1px solid #000;width:47%;padding-bottom:27px;padding-top: 60px;"
                            placeholder="电话">
                        <input class="input1" type="textarea"
                            style="border:0;border-bottom:1px solid #000;width:100%;padding-bottom:27px;padding-top: 60px;"
                            placeholder="留言">
                        <button>发送</button>
                    </form>
                </div>
            </section>
            <section class=bg></section>
            <div class="scroll-up">
                <a href="javascript:;">
                    <svg viewBox="0 0 2048 2048" xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M1523 1312q0 13-10 23l-50 50q-10 10-23 10t-23-10l-393-393-393 393q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l466 466q10 10 10 23z">
                        </path>
                    </svg>
                </a>
            </div>
        </div>
        <footer class="black active">
            <div class="container">
                <p class="copyright">
                    Copyright © 宁波穿石网络科技有限公司 All rights reserved&nbsp;&nbsp;&nbsp;<a
                        href="http://www.beian.miit.gov.cn">浙ICP备18010826号</a>
                </p>
            </div>
        </footer>
    </div>
</body>
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/jquery.aniview.min.js"></script>
<script src="js/base.js"></script>
<script src="js/index.js"></script>